<!DOCTYPE html>
<html>
<head lang="en">
<script type="text/javascript" src="../../../../jquery.min.js"></script>
<script type="text/javascript" src="../../../../pageoffice.js" id="po_js_main"></script>
	<meta charset="UTF-8">
	<title> 选项卡</title>
	<style type="text/css">
		/* CSS样式制作 */
		*{padding:0px; margin:0px;}
		a{ text-decoration:none; color:black;}
		a:hover{text-decoration:none; color:#336699;}
		#tab{width:auto; padding:5px;height:150px;margin:20px;}
		#tab ul{list-style:none; height:30px;line-height:30px; border-bottom:2px #C88 solid;}
		#tab ul li{background:#FFF;cursor:pointer;float:left;list-style:none; height:29px; line-height:29px;padding:0px 10px; margin:0px 3px; border:1px solid #BBB; border-bottom:2px solid #C88;}
		#tab ul li.on{border-top:2px solid Saddlebrown; border-bottom:2px solid #FFF;}
		#tab div{height:700px;width:auto; line-height:24px;border-top:none;  padding:1px; border:1px solid #336699;padding:10px;}
		.hide{display:none;}
		.show{ display:block;}
		.page{}
	</style>
</head>
<body>
<div style="width:1050px;height:900px;">
	${obj.pageoffice}
</div>
</body>
</html>
